<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // javascript表达式  => 运算符和操作数(变量/常量)组成的式子
    // 常量(字面量 直接量): (不要声明可以直接使用的数据 -> number string boolean)
    // a + 10  算术表达式
    // a > 10  关系表达式
    // a >10 && a < 20   逻辑表达式
    // a = 10  赋值
    // a % 2 == 0 ? '偶数' : '奇数'   => 条件表达式


    // 原生模板字符串
    var a = 10;
    var b = 'demo'

    // a => 从作用域中查找
    // document.body.innerHTML = `<div>${a}</div>`;
    document.body.innerHTML = `<div id='${b}'>${a > 2}</div>`;


    // vue中的 {{}} 和 指令 的值都可以是javascript表达式 => 表达式中所谓变量/方法 => 从挂载的实例中查找










</script>

</html>